<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>教师信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>
<body class="bg-light">

<div class="container mt-5">
    <div class="card shadow">
        <div class="card-header bg-info text-white">
            <h4 class="mb-0">👨‍🏫 教师信息中心</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4 text-center">
                    <img src="/images/2.jpg" class="img-thumbnail rounded-circle" alt="头像" style="width: 150px;">
                    <p class="mt-2 text-muted">您好，<strong th:text="${user.userName}">张老师</strong></p>
                </div>
                <div class="col-md-8">
                    <h5 class="text-secondary">基本信息</h5>
                    <p><strong>姓名：</strong> <span th:text="${user.userName}">张老师</span></p>
                    <p><strong>工号：</strong> <span th:text="${user.userId}">t1001</span></p>
                    <p><strong>邮箱：</strong> <span th:text="${user.email}">zhang@school.edu</span></p>
                    <p><strong>电话：</strong> <span th:text="${user.phone}">139111</span></p>
                    <p><strong>身份：</strong> 教师</p>

                    <h5 class="text-secondary mt-4">授课信息</h5>
                    <p>当前授课课程：<em>高等数学</em></p>
                </div>
            </div>

            <hr>
            <div class="d-flex gap-2">
                <a href="/edit-info" class="btn btn-outline-info">✏️ 编辑信息</a>
                <a href="/change-password" class="btn btn-outline-secondary">🔐 修改密码</a>
                <a href="/home/manage" class="btn btn-outline-success">🏠 返回主页</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>
